<template>
  <div class="homeBox w_100 h_100">
    <el-container class="h_100">    
        <el-aside class="el-aside h_100" width="280px">
        <!-- 左侧导航 -->
          <side-nav></side-nav>          
        </el-aside>
        <el-container>
            <el-header>
              <!-- 顶部区域组建 -->
              <top-tool></top-tool>
            </el-header>
            <el-main>
               <router-view></router-view>
            </el-main>
        </el-container>
    </el-container>
  </div>
</template>

<script>
import sideNav from "@/components/sideNav";//左侧导航
import topTool from "@/components/topTool"; //顶部内容
export default {
  name: 'home',
  data () {
    return {
      msg: 'home'
    }
  },
   components: { 
        sideNav,
        topTool
     
    },
}
</script>

<style scoped>
.homeBox{
  /*overflow-x: hidden;*/
}
   .homeBox .el-header {
      background-color: #f5f5f5;
      color: #333;
      text-align: center;   
      height:84px !important;
      padding: 0px
    }
  
  .homeBox .el-aside {
    background-color: #D3DCE6;
    color: #333;
    text-align: center;   
    z-index:999;
  }
  
  .homeBox .el-main {
    background: #fff;    
    color: #333;
    text-align: center;  
    padding: 0 40px;
  }
  
 .homeBox .el-container  {
  background: #F5F5F5;    
  }
  
</style>
